<template>
    <div class="legend">
        <div class="legend-header">
            <i class="icon" :class="iconName"></i>
            <span class="text">{{title}}</span>
        </div>
        <div class="legend-body">
            <slot></slot>
        </div>
    </div>
</template>

<script>
    export default {
        name: "",
        data() {
            return {};
        },
        props:{
            iconName:{
                type:String
            },
            title:{
                type:String,
                default:'未命名'
            }
        }
    };
</script>

<style lang="less" scoped>
   
</style>